<template>
  <div>
    <!-- 在标签上面写一个ref，目的是为了获取DOM元素 -->
    <h1 ref="h1Ref">我是一个孤独的h1</h1>
    <button @click="clickFn">操作DOM</button>
  </div>
</template>

<script setup>
// ref获取DOM元素
import { ref } from "vue";
// 默认值是null，通常表示用来获取DOM元素。
const h1Ref = ref(null);

const clickFn = () => {
  // console.log("--h1Ref:", h1Ref);
  // console.log(h1Ref.value);
  h1Ref.value.innerText = "我不是标题";
};
</script>

<style lang="scss" scoped>
</style>